
:global{
  ul,li{list-style: none}
  .tip-code{
    width: 3.37rem;
    margin:0.45rem auto 0.2rem;
    font-size: 0.24rem;
    color: #FFFFFF;
    text-align: center;
    line-height: 0.32rem;
    a{
      color: #FFE001;
      text-decoration-line: underline;
    }
  }
  .star{
    background: url("../../assets/img/star.png") no-repeat;
    background-size: cover;
    width: 0.25rem;
    height: 0.24rem;
    display: inline-block;
    margin-right: .2rem;
    vertical-align: -1px;
  }
  .ab-top-box{
    background: #41C0E4;
    padding-bottom: .52rem;
    h4{
      padding: 0;
      margin: 0;
      line-height: .2rem;
      text-align: center;
      margin-bottom: .32rem;
    }
    .intro{
      width: 3.37rem;
      margin: auto;
      text-align: center;
      font-size: 0.48rem;
      color: #FFFFFF;
      line-height: 0.55rem;
      font-weight: bolder;
    }

    .code-box{
      text-align: center;
      margin-bottom: 0.3rem;
      img{
        width: 3.8rem;
        height: auto;
      }
    }
  }
  .ab-midle-box{
    background-color: #FBFBFB;
    width: 100%;
    padding-bottom: .2rem;
    .ab-midle-cont{
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-top: -0.7rem;
      position: relative;
      .top-bar{
        height: 0.2rem;
        border-radius: 0.1rem;
        background-color: #1F3257;
        position: absolute;
        width: 100%;
        top:-0.1rem;
      }
      .content{
        width: 96%;
        margin: auto;
        background-color: #fff;
        position: relative;
        z-index: 10;
        padding: 0.35rem;
        -webkit-box-shadow: 0 2px 7px 3px rgba(165, 154, 154, 0.25);
        box-shadow: 0 2px 7px 3px rgba(165, 154, 154, 0.25);
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        padding-bottom: 1rem;
        p{
          font-size: .24rem;
          color: #4a4a4a;
          line-height: .32rem;
          margin-bottom: .5rem;
          font-weight: bolder;
        }

      }
    }
    &:after{
      display: block;
      content: '';
      clear: left;
    }
  }
  .list-group{
    padding-left: 0.4rem;
    li{
      font-size: 0.24rem;
      color: #000000;
      line-height: 0.34rem;
      margin-bottom: 0.2rem;
      a{
        color: #9B9B9B;
      }
    }
  }
  .ab-foot-box{
    background-color: #fff;
    padding-top: .32rem;
    h4{
      font-size: .32rem;
      color: #4a4a4a;
      letter-spacing: 1px;
      line-height: .32rem;
      padding-left: .18rem;
      border-left: 0.06rem solid #41C0E4;
      margin-bottom: .22rem;
      font-weight: normal;
    }
  }
  .ab-foot-list{
    overflow: hidden;
    li{
      width: 50%;
      float: left;
      font-size: .24rem;
      line-height: 0.34rem;
      margin-bottom: 0.14rem;
      a{
        color: #9B9B9B;
        text-decoration: none;
      }
      &:nth-child(2n+1){
        padding-left: 0.3rem;
      }
      &:after{
        display: block;
        content: '';
        clear: left;
      }
    }
  }
  .footer{
    margin-top: -.2rem;
    a{
      display: block;
      background-color: #41C0E4;
      width: 100%;
      height: .85rem;
      text-align: center;
      line-height: .85rem;
      font-size: .32rem;
      color: #FFFFFF;
      font-weight: bolder;
    }
  }
  .right-icon{
    display: inline-block;
    background: url("../../assets/img/right.png") no-repeat;
    background-size: cover;
    width: .12rem;
    height: .2rem;
    margin-left: .2rem;
  }

  .get-btn{
    display: block;
    background-color: #fff;
    line-height: .86rem;
    height: .86rem;
    color: #41C0E4;
    text-align: center;
    width: 40%;
    margin:.58rem auto .2rem;
    font-size: .32rem;
    border-radius:.1rem;
  }
  .intro-code{
    font-size: .48rem;
    color: #FFFFFF;
    letter-spacing: 1.5px;
    line-height: 55px;
    text-align: center;
    font-weight: bold;
  }
  .hd-time{
    font-size: .24rem;
    color: #FFFFFF;
    letter-spacing: 0.75px;
    line-height: 32px;
    text-align: center;
    opacity: .8;
  }
  .intro-icon{
    display: inline-block;
    margin-right: .2rem;
    width: .33rem;
    height: .33rem;
    vertical-align: -6px;

  }
  .intro-data{
    background: url("../../assets/img/intro-data.png") no-repeat center;
    background-size: cover;
  }
  .intro-gl{
    background: url("../../assets/img/intro-gl.png") no-repeat center;
    background-size: cover;
  }
  .intro-zy{
    background: url("../../assets/img/intro-zy.png") no-repeat center;
    background-size: cover;
  }
  .intro-fotip{
    font-size: .24rem;
    color: #9B9B9B;
    letter-spacing: 0.75px;
    margin-top: .3rem;
    margin-bottom: 1rem;
    width: 83%;
    margin-left: 8%;
    margin-right: 9%;
    word-break: break-all;
    line-height: .3rem;
    a{
      font-size: .24rem;
      color: #41C0E4;
      font-weight: bolder;
    }
  }
  .fix-foot{
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
  }
}

